<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>试验过程监控工具</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="wrapper">
        <!-- 头部导航 -->
        <div class="nav">
            <div class="navLeft">
                <img src="images/navlogo.jpg" alt="">
                <h4>SY过程监控工具</h4>
            </div>
            <div class="navCenter">
                <ul>
                    <li class="active">
                        <a  href="">SY进程监控</a>
                    </li>
                    <li>
                        <a href="">关键能力监控</a>
                    </li>
                    <li>
                        <a href="">评估任务流程监控</a>
                    </li>    
                </ul>
            </div>
            <div class="navRight">
                <a href="">
                    <img src="" alt="">4654
                </a>
                <a href="">
                    <img src="" alt="">465
                </a>
                <a href="">
                    <img src="" alt="">4654
                </a>
                <a href="">
                    <img src="" alt="">7897
                </a>
            </div>
        </div>
        <!-- 主体内容 -->
        <div class="content">
            <!-- 主题内容上半部分 -->
            <div class="contentTop">
                <!-- 折线图 -->
                <div class="lineArea">
                    <div id="line" style="width: 635px;height:416px;"></div>
                   
                </div>
                <!-- 柱状图 -->
                <div class="barArea">
                    <div id="bar" style="width: 730px;height:416px;"></div>
                </div>
                <!-- 饼图 -->
                <div class="pieArea">
                    <div id="pie" style="width: 416px;height:416px;"></div>
                </div>

            </div>
            <!-- 主题内容下半部分 -->
            <div class="contentBottom">
                <div class="ringArea">
                    <div id="ringChart" style="width: 419px;height:416px;"></div>
                </div>
                <div class="waveArea">
                    <div id="waveChart" style="width: 1418px;height:416px;"></div>
                </div>
            </div>
        </div>
    </div>

</body>
<script src="js/bootstrap.min.js"></script>
 <script src="js/bootstrap.js"></script>
 <script src="js/echarts.min.js"></script>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/interFace/index.js"></script>
</html>